﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var mainmenu = $('.nav_menu > ul');
            var header = mainmenu.find('ul').parent();
            header.each(function(i) {
                $(this).hover(
                    function(e) {
                        $(this).children("ul:eq(0)").slideDown(200);
                    },
                    function(e) {
                        $(this).children("ul:eq(0)").slideUp(100);
                    }
                );
            });
		});
	</script>
	<title>Julytour</title>
</head>
<body>
	<div class="wrapper">
		<div class="header">
			<a href="" class="logo"><img src="images/logo.png"></a>

			<p class="slogan">Modern Travel Agency</p>

			<div class="right-header">
				<ul class="header-sidebar">
					<li><a href="">trang chủ</a></li>&nbsp;/
					<li><a href="">about us</a></li>&nbsp;/
					<li><a href="">contact us</a></li>&nbsp;/
					<li><a href="">agent login</a></li>
				</ul>

				<p class="hot-line">Hotline: 0969145568</p>
				
				<div class="search">
					<input type="text" placeholder="Search...">
					<a href=""><img src="images/search-btn.jpg"></a>
				</div>

				<ul class="language">
					<li><a href=""><img src="images/vn-flag.png"></a></li>
					<li><a href=""><img src="images/uk-flag.png"></a></li>
					<li><a href=""><img src="images/cn-flag.png"></a></li>
					<li><a href=""><img src="images/tw-flag.png"></a></li>
				</ul>
			</div>
		</div>

		<div class="nav_menu">
			<ul>
				<li><a href="">home</a></li>
				<li>
					<a href="">vietnam tours</a>
					<ul>
						<li><a href="">Classic tours</a></li>
						<li><a href="">Family tours</a></li>
						<li><a href="">Trekking tours</a></li>
						<li><a href="">Laos tours</a></li>
					</ul>
				</li>
				<li><a href="">cambonia tours</a></li>
				<li><a href="">laos tours</a></li>
				<li><a href="">indochina tours</a></li>
				<li><a href="">halong bay cruises</a></li>
			</ul>
		</div>

		<div class="slide">
			<img src="images/slide-images.jpg">
		</div>

		<div class="section">
			<div class="header-section">
				<div class="customised-tours">
					<h2>customised tours</h2>
					<div class="customised-description">
						<p>
							Vietnam is rich in culture and soaked with tradition. There is a warmth to the people and the layers of culture are 
							diverse. Inspiring landscapes are around every corner. History of war and foreign occupation is now history and 
							can only be found in museums.

							Here we lists some of our set tours and other sample tours of Vietnam. Please take a look at these offers and let 
							us know what you want us to help you with for your holidays to Vietnam. You don’t have to compromise, do exactly 
							what you want to do!

							Let us assist you to tailor-make your own Vietnam and Indochina Holiday Experience!
						</p>

						<p>
							Vietnam is rich in culture and soaked with tradition. There is a warmth to the people and the layers of culture are 
							diverse. Inspiring landscapes are around every corner. History of war and foreign occupation is now history and 
							can only be found in museums.

							Here we lists some of our set tours and other sample tours of Vietnam. Please take a look at these offers and let 
							us know what you want us to help you with for your holidays to Vietnam. You don’t have to compromise, do exactly 
							what you want to do!

							Let us assist you to tailor-make your own Vietnam and Indochina Holiday Experience!
						</p>

						<p>
							Vietnam is rich in culture and soaked with tradition. There is a warmth to the people and the layers of culture are 
							diverse. Inspiring landscapes are around every corner. History of war and foreign occupation is now history and 
							can only be found in museums.
						</p>
					</div>
				</div>

				<div class="customised-search">
					abc
				</div>
			</div>

			<div class="type-travel">
				<div class="types">
					<p class="type-header">flight</p>
					<div class="border-img">
						<img src="images/type-1.jpg">
					</div>
					<p class="short-description-type">
						LOREM IPSUM DOLOR SIT AMET, LOREM
						Consec tetuer adipicing it. Praesebul lorem ipsum.
						S natoque penatibus et gnis dent monteiculu.
					</p>
					<a class="more-info button" href="">more info</a>
				</div>

				<div class="types">
					<p class="type-header">hotels</p>
					<div class="border-img">
						<img src="images/type-2.jpg">
					</div>
					<p class="short-description-type">
						LOREM IPSUM DOLOR SIT AMET, LOREM
						Consec tetuer adipicing it. Praesebul lorem ipsum.
						S natoque penatibus et gnis dent monteiculu.
					</p>
					<a class="more-info button" href="">more info</a>
				</div>

				<div class="types last-type">
					<p class="type-header">tours</p>
					<div class="border-img">
						<img src="images/type-3.jpg">
					</div>
					<p class="short-description-type">
						LOREM IPSUM DOLOR SIT AMET, LOREM
						Consec tetuer adipicing it. Praesebul lorem ipsum.
						S natoque penatibus et gnis dent monteiculu.
					</p>
					<a class="more-info button" href="">more info</a>
				</div>
			</div>

			<div class="popular-tours">
				<h2>most popular tours</h2>
				
				<div class="popular-description">
					Lorem ipsum dolor sit amet, consec tetuer adipiscing. Praesent vestibu lum molestie. lacuiirhs. Aenean non ummy hendreriau. ris. Phasellllus. porta. Fusce suscipit varius 
mium sociis totdnatibus et magis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consec tetuer adipiscing. Praesent vestibu lum molestie. 
lacuiirhs. Aenean non ummy hendreriau. ris. Phasellllus. porta. Fusce suscipit varius mium sociis totdnatibus et magis dis parturient montes, nascetur ridiculus mus.
				</div>

				<div class="list-popular-tours">
					<div class="home-popular-tours">
						<img class="image-popular-tours" src="images/popular-tours-1.jpg">
						<p class="short-description-popular-tours">
							Lorem ipsum dolor sit amet, consec tetuer adipiscing. Praesent vestibu lum mol. stie. lacuiirhs. Aenean non.
						</p>
						<a class="more-info button" href="">more info</a>
					</div>

					<div class="home-popular-tours">
						<img class="image-popular-tours" src="images/popular-tours-2.jpg">
						<p class="short-description-popular-tours">
							Lorem ipsum dolor sit amet, consec tetuer adipiscing. Praesent vestibu lum mol. stie. lacuiirhs. Aenean non.
						</p>
						<a class="more-info button" href="">more info</a>
					</div>

					<div class="home-popular-tours">
						<img class="image-popular-tours" src="images/popular-tours-3.jpg">
						<p class="short-description-popular-tours">
							Lorem ipsum dolor sit amet, consec tetuer adipiscing. Praesent vestibu lum mol. stie. lacuiirhs. Aenean non.
						</p>
						<a class="more-info button" href="">more info</a>
					</div>

					<div class="home-popular-tours last-home-popular-tours">
						<img class="image-popular-tours" src="images/popular-tours-4.jpg">
						<p class="short-description-popular-tours">
							Lorem ipsum dolor sit amet, consec tetuer adipiscing. Praesent vestibu lum mol. stie. lacuiirhs. Aenean non.
						</p>
						<a class="more-info button" href="">more info</a>
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="header-footer">
				<p class="site-map">site map</p>
				<ul class="connect-footer">
					<li><a href=""><img src="images/fb-logo.jpg"></a></li>
				</ul>
			</div>

			<div class="list-site-map">
				<div class="list-site">
					<p class="header-list">Indochina Legend Experience</p>
					<ul>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
					</ul>
				</div>

				<div class="list-site">
					<p class="header-list">Indochina Legend Experience</p>
					<ul>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
					</ul>
				</div>

				<div class="list-site">
					<p class="header-list">Indochina Legend Experience</p>
					<ul>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
					</ul>
				</div>

				<div class="list-site last-list-style">
					<p class="header-list">Indochina Legend Experience</p>
					<ul>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
						<li><span class="icon-list"></span><a href="">Make a difference</a></li>
					</ul>
				</div>
			</div>

			<div class="end-footer">
				<p class="copyright">Copyright (c) 2014 July Tours - All right reserved</p>
				<ul class="menu-footer">
					<li><a href="">home</a></li>&nbsp;&nbsp;/
					<li><a href="">about us</a></li>&nbsp;&nbsp;/
					<li><a href="">contact us</a></li>&nbsp;&nbsp;/
					<li><a href="">agent login</a></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>